﻿<div class="row map">
    <!-- Map Column -->
    <div class="col-md-8">
        <!-- Embedded Google Map -->
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3929.116422724556!2d-84.10364018650816!3d10.007241180952818!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTDCsDAwJzI1LjQiTiA4NMKwMDYnMTMuMCJX!5e0!3m2!1ses-419!2scr!4v1426603074849" width="600" height="450" frameborder="0" style="border:0"></iframe>
    </div>
    <!-- Contact Details Column -->
    <div class="col-md-4">
        <h3>Contact Details</h3>
        <p>
            3481 Melrose Place<br>Beverly Hills, CA 90210<br>
        </p>
        <p>
            <i class="fa fa-phone"></i>
            <abbr title="Phone">P</abbr>: (123) 456-7890
        </p>
        <p>
            <i class="fa fa-envelope-o"></i>
            <abbr title="Email">E</abbr>: <a href="mailto:pabloandreychacon@hotmail.com">pabloandreychacon@hotmail.com</a>
        </p>
        <p>
            <i class="fa fa-clock-o"></i>
            <abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 5:00 PM
        </p>
        <ul class="list-unstyled list-inline list-social-icons">
            <li>
                <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
            </li>
            <li>
                <a href="#"><i class="fa fa-linkedin-square fa-2x"></i></a>
            </li>
            <li>
                <a href="#"><i class="fa fa-twitter-square fa-2x"></i></a>
            </li>
            <li>
                <a href="#"><i class="fa fa-google-plus-square fa-2x"></i></a>
            </li>
        </ul>
    </div>
</div>